<template>
    <div class="landIn">
        <span v-for="(item,index) in text.split('')" :key="index" :style="{animationDelay:delay+index*0.05+'s',fontSize:myFontSize}">{{item}}</span>
    </div>
</template>

<script>
import "@/assets/css/landIn.css";
export default {
    name:"fontLandIn",
    props:{
        text:{
            type: String
        },
        delay:{
            type: Number,
            default:()=>0
        },
        myFontSize:{
            type: String
        }
    }
}
</script>

<style>

</style>